<?php if (!defined('BASEPATH')) exit('No direct script access allowed'); ?>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <title>Charting</title>

    </head>
    <body>
        <script type="text/javascript" src="<?php echo base_url(); ?>template-admin/graficos/js/enhance.js"></script>		
        <script type="text/javascript">
            // Run capabilities test
            enhance({
                loadScripts: [
                    '<?php echo base_url(); ?>template-admin/graficos/js/excanvas.js',
                    '<?php echo base_url(); ?>template-admin/graficos/js/jquery.min.js',
                    '<?php echo base_url(); ?>template-admin/graficos/js/visualize.jQuery.js',
                    '<?php echo base_url(); ?>template-admin/graficos/js/example.js'
                ],
                loadStyles: [
                    '<?php echo base_url(); ?>template-admin/graficos/css/visualize.css',
                    '<?php echo base_url(); ?>template-admin/graficos/css/visualize-light.css'
                ]	
            });   
        </script>
        <table class="area">
            <caption>2009 Employee Sales by Department</caption>
            <thead>
                <tr>
                    <td></td>
                    <th scope="col">food</th>
                    <th scope="col">auto</th>
                    <th scope="col">household</th>
                    <th scope="col">furniture</th>
                    <th scope="col">kitchen</th>
                    <th scope="col">bath</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">Mary</th>
                    <td>190</td>
                    <td>160</td>
                    <td>40</td>
                    <td>120</td>
                    <td>30</td>
                    <td>70</td>
                </tr>
                <tr>
                    <th scope="row">Tom</th>
                    <td>3</td>
                    <td>40</td>
                    <td>30</td>
                    <td>45</td>
                    <td>35</td>
                    <td>49</td>
                </tr>
                <tr>
                    <th scope="row">Brad</th>
                    <td>10</td>
                    <td>180</td>
                    <td>10</td>
                    <td>85</td>
                    <td>25</td>
                    <td>79</td>
                </tr>
                <tr>
                    <th scope="row">Kate</th>
                    <td>40</td>
                    <td>80</td>
                    <td>90</td>
                    <td>25</td>
                    <td>15</td>
                    <td>119</td>
                </tr>		
            </tbody>
        </table>	
    </body>
</html>